.contianer{
    width: 1200px;
    height: 100%;
    /* background-color: antiquewhite; */
    /* 让版心居中 */
    margin: 0 auto;
}



/* logo */
.contianer .logo{
    height: 100px;
    /* background-color: brown; */
    line-height: 100px;
}



/* 导航 */
.contianer .nav{
    height: 60px;
    background-color: black;
}

.contianer .nav li{
    display: inline-block;
    height: 60px;
    width: 145px;
    line-height: 60px;
    border-right: 1px solid white;
    text-align: center;
}

.contianer .nav li.first{
    width: 140px;
}

.contianer .nav li.last{
    border-right: 0px;
}

.contianer .nav a{
    text-decoration: none;
    color: white;
}




/* 轮播图区域 */
.contianer .banner{
    height: 440px;
    background-color: green;
}



.contianer .banner img{
   vertical-align: bottom;
   width: 100%;
}





/* 新闻 */
.contianer .news{
    height: 360px;
    background-color: #ffffff;
}



.contianer .news li{
    list-style-type: disc;
    margin-left: -20px;
}

.contianer .news span{
    white-space: pre;
}

.contianer .news .js{
    width: 130px;
    height: 245px;
    position: absolute;
    margin-left: 430px;
    margin-top: -180px;
}

.contianer .news .js li{
     list-style-type: none;
     font-weight: 100;
}

.contianer .news .js1{
    width: 290px;
    height: 245px;
    background-color: #f1f1f1;
    position: absolute;
    margin-left: 540px;
    margin-top: -220px;
}

.contianer .news .js2{
    width: 380px;
    height: 245px;
    position: absolute;
    background-color: rgb(251, 251, 251);
    margin-left: 830px;
    margin-top: -220px;
}

.contianer .news .js3{
    width: 125px;
    height: 245px;
    position: absolute;
    margin-left: 1075px;
    margin-top: -220px;
}
.contianer .news .js3 img{
       margin-top: 135px;
       margin-left: -60px;
}




/* 市场 */
.contianer .market{
    height: 265px;
}

.contianer .market .m1{
    height: 210px;
    width: 280px;
    margin-left: 1px;
}

.contianer .market .m1 img{
    width: 280px;
    height: 120px;
}

.contianer .market .m2{
    height: 210px;
    width: 280px;
    margin-left: 300px;
    margin-top: -210px;
}

.contianer .market .m2 img{
    width: 280px;
    height: 120px;
}

.contianer .market .m3{
    height: 210px;
    width: 280px;
    margin-left: 600px;
    margin-top: -210px;
}

.contianer .market .m3 img{
    width: 280px;
    height: 120px;
}

.contianer .market .m4 img{
    width: 280px;
    height: 120px;
}

.contianer .market .m4{
    height: 210px;
    width: 280px;
    margin-left: 900px;
    margin-top: -210px;
}


/* 关于 */
.contianer .about{
    height: 250px;
    background-color: rgb(225, 225, 225);
}

.contianer .about .a1{
    width:485px ;
    height:250px ;
    margin-left: 10px;
}

.contianer .about .mark{
    border: 5px solid transparent;
    display: inline-block;
    vertical-align: 1px ;
    margin-left: 0px;
}

.contianer .about .a11{
    width:160px ;
    height:190px ;
    margin-left: 125px;
    margin-top: -104px;
}

.contianer .about .a22{
    width:160px ;
    height:190px ;
    margin-left: 325px;
    margin-top: -190px;
}

.contianer .about .a2{
    width:150px ;
    height:250px ;
    margin-left: 600px;
    margin-top: -270px;
}

.contianer .about .a3{
    width:300px ;
    height:250px ;
    margin-left: 865px;
    margin-top: -270px;
}

.contianer .about .a3 img{
    height: 196px;
    margin-top:-7px ;
    max-width: 450px;
}



